<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			@import url(importdemo.css);
		</style>
	</head>
	<body>
		<div>我是盒子</div>
	</body>
</html>
<!-- 
 link和import之间的区别？
 1、本质区别  link是HTML标签的写法，属于结构 而import是写在style里面的，属于css的语法引入
 2、加载顺序不同
	link引入的css样式，会在浏览器加载的时候，让HTML结构和css样式同时加载
	import引入的css样式，会在浏览器加载的时候，先加载HTML结构，之后再加载css样式
 3、兼容性不同
		link是没有兼容问题，但是import在IE5.0以下版本不识别
		
综上所述，会选择用link引入外部的css文件		
		
 
 
 -->
